<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>导入场地考试成绩</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/jquery.min.js"></script>
</head>

<body>
    <div style="padding:20px">
        <div style="margin-left: 20px;margin-bottom: 20px;">

            <i class="layui-icon">&#xe67c;</i>
            <span>下载模板</span>
        </div>
        <span style="margin-left: 40px;padding-bottom:32px">为提高导入的成功率，请下载并使用系统提供的模板</span><br>
        <form class="layui-form layui-input-inline" action="" style="margin-left: 40px;margin-top: 20px;">
            <div class="layui-input-inline">
                <select id="level" name="level" lay-filter="level">
                    <option value="">请选择用户身份</option>
                    <option value="1">教练员</option>
                    <option value="2">裁判员</option>
                    <option value="3">球员</option>
                    <option value="4">俱乐部</option>
                    <option value="5">公司</option>
                    <option value="6">学校</option>
                    <option value="7">市级足协</option>
                    <option value="8">区级足协</option>
                </select>
            </div>
        </form>
        <button style="margin-left: 40px;margin-top:20px" class="layui-btn downLoadModel">下载模板</button>
    </div>
    <div style="padding:20px">
        <div style="margin-left: 20px;margin-bottom: 20px;">
            <i class="layui-icon">&#xe67c;</i>
            <span>上传文件</span>
        </div>
        <span style="margin-left: 40px;padding-bottom:32px">仅支持xlsx,xls,文件大小≤4M</span><br>
        <div style="display: flex;margin-top:10px;width: 440px;">
            <input type="text" class="layui-input" id="fileName" placeholder="上传文件" style="margin:0 32px" id="test2">
            <button type="button" class="layui-btn" id="test1">选择文件</button>
        </div>
    </div>
    <div style="text-align: center;">
        <button class="layui-btn" id="testListAction">开始导入</button>
    </div>

    <script src="../js/export.js"></script>
    <script>
        var level
        layui.use(['upload', 'form'], function () {
            var upload = layui.upload;
            var form = layui.form;

            form.on('select(level)', function (data) {
                level = data.value; //得到被选中的值
            });
            //执行实例
            var uploadInst = upload.render({
                elem: '#test1',
                url: importUserList, //导入
                method: "post",
                accept: "file", //允许上传的文件类型
                exts: 'xlsx|xls', //上传的文件后缀.只能是xlsx和xls格式
                size: 4 * 1024, //设置文件最大可允许上传的大小，单位 KB
                auto: false, //选择文件后不自动上传
                bindAction: '#testListAction', //指定一个按钮触发上传
                choose: function (obj) {
                    if ($("#level").val() == "" || $("#level").val() == undefined) {
                        layer.msg("请选择需导入的身份类型")
                        return false
                    }
                    // //将每次选择的文件追加到文件队列
                    // var files = obj.pushFile();
                    var flag = true;
                    //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
                    obj.preview(function (index, file, result) {
                        // console.log(index); //得到文件索引
                        console.log(file); //得到文件对象
                        // console.log(result); //得到文件base64编码，比如图片
                        $("#fileName").val(file.name)
                        //obj.resetFile(index, file, '123.jpg'); //重命名文件名，layui 2.3.0 开始新增

                        //这里还可以做一些 append 文件列表 DOM 的操作

                        //obj.upload(index, file); //对上传失败的单个文件重新上传，一般在某个事件中使用
                        //delete files[index]; //删除列表中对应的文件，一般在某个事件中使用
                    });
                },
                // 教练员1
                // 裁判员2
                // 球员3
                // 俱乐部4
                // 公司5
                // 学校6
                // 市级足协7
                // 区级足协8
                before: function (obj) {
                    layer.load();
                    if (level == "1") {
                        this.data.params = {
                            'personalOrGroup': 1,
                            'identity': 1,
                            'groupType': 5,
                            'zuxieType': ''
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    } else if (level == "2") {
                        this.data.params = {
                            'personalOrGroup': 1,
                            'identity': 2,
                            'groupType': 5,
                            'zuxieType': ''
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    } else if (level == "3") {
                        this.data.params = {
                            'personalOrGroup': 1,
                            'identity': 3,
                            'groupType': 5,
                            'zuxieType': ''
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    } else if (level == "4") {
                        this.data.params = {
                            'personalOrGroup': 2,
                            'identity': 9,
                            'groupType': 2,
                            'zuxieType': ''
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    } else if (level == "5") {
                        this.data.params = {
                            'personalOrGroup': 2,
                            'identity': 9,
                            'groupType': 3,
                            'zuxieType': ''
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    } else if (level == "6") {
                        this.data.params = {
                            'personalOrGroup': 2,
                            'identity': 9,
                            'groupType': 4,
                            'zuxieType': ''
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    } else if (level == "7") {
                        this.data.params = {
                            'personalOrGroup': 2,
                            'identity': 9,
                            'groupType': 6,
                            'zuxieType': 1
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    } else if (level == "8") {
                        this.data.params = {
                            'personalOrGroup': 2,
                            'identity': 9,
                            'groupType': 6,
                            'zuxieType': 2
                        };
                        this.data.params = JSON.stringify(this.data.params)
                    }

                },
                //上传接口 //绑定元素
                done: function (res) {
                    //上传完毕回调
                    layer.closeAll('loading');
                    console.log(res)
                    if (res.msg == 0) {
                        //do something （比如将res返回的图片链接保存到表单的隐藏域）
                        layer.alert("导入成功", function () {
                            parent.location.reload() //父窗口刷新数据
                            var index = parent.layer.getFrameIndex(window
                                .name); //先得到当前iframe层的索引
                            parent.layer.close(index); //再执行关闭
                        })
                    } else if (res.msg == 1) {
                        parent.location.reload() //父窗口刷新数据
                        //自定义标题栏
                        var title = ['姓名', '身份证号', '考试时间', '地点', '50米短跑', "立定跳远", "1000米长跑", "铅球",
                            "引体向上", "是否通过", "申请等级"
                        ]
                        //自定义过滤栏（不需要导出的行）
                        var filter = []

                        //原始导出
                        JSONToExcelConvertor(res.errorList, "场地考试导入失败", title, filter);
                    } else {
                        layer.msg(res.msg)
                    }
                },
                error: function () {
                    //请求异常回调
                    layer.closeAll('loading');
                    layer.msg('网络异常，请稍后重试！');
                }
            });
        });
        $(".downLoadModel").on("click", function () {
            window.location.href = downLoadUserList
        })
    </script>
</body>

</html>